.el-button {
    -fx-background-color: #FFF;
    -fx-pref-height: 30px;
    -fx-pref-width: 90px;
    -fx-border-width: 1px;
    -fx-border-style: solid;
    -fx-border-color: #DCDFE6;
    -fx-alignment: center;
    -fx-text-fill: #606266;
    -fx-font-weight: 500;
    -fx-font-size: 14px;
    -fx-border-radius: 15px
}

.el-button:hover {
    -fx-text-fill: #409EFF;
    -fx-border-color: #c6e2ff;
    -fx-background-color: #ecf5ff
}

.el-button_is-plain:hover {
    -fx-background-color: #FFF;
    -fx-border-color: #409EFF;
    -fx-text-fill: #409EFF
}

.el-button--circle {
    -fx-border-radius: 15px;
}


.el-button_is-disabled,
.el-button_is-disabled:hover {
    -fx-text-fill: #C0C4CC;
    -fx-background-color-image: none;
    -fx-background-color: #FFF;
    -fx-border-color: #EBEEF5
}

.el-button_is-disabled.el-button--text {
    -fx-background-color: transparent
}

.el-button_is-disabled_is-plain,
.el-button_is-disabled_is-plain:hover {
    -fx-background-color: #FFF;
    -fx-border-color: #EBEEF5;
    -fx-text-fill: #C0C4CC
}

.el-button_is-loading {
    position: relative;
    pointer-events: none
}

.el-button_is-round {
    -fx-border-radius: 20px;
}

.el-button_is-circle {
    -fx-border-radius: 50%;
}

.el-button--primary {
    -fx-text-fill: #FFF;
    -fx-background-color: #409EFF;
    -fx-border-color: #409EFF
}

.el-button--primary:hover {
    -fx-background-color: #66b1ff;
    -fx-border-color: #66b1ff;
    -fx-text-fill: #FFF
}


.el-button--primary_is-disabled,
.el-button--primary_is-disabled:hover {
    -fx-text-fill: #FFF;
    -fx-background-color: #a0cfff;
    -fx-border-color: #a0cfff
}

.el-button--primary_is-plain {
    -fx-text-fill: #409EFF;
    -fx-background-color: #ecf5ff;
    -fx-border-color: #b3d8ff
}

.el-button--primary_is-plain:hover {
    -fx-background-color: #409EFF;
    -fx-border-color: #409EFF;
    -fx-text-fill: #FFF
}

.el-button--primary_is-plain_is-disabled,
.el-button--primary_is-plain_is-disabled:hover {
    -fx-text-fill: #8cc5ff;
    -fx-background-color: #ecf5ff;
    -fx-border-color: #d9ecff
}


.el-button--success {
    -fx-text-fill: #FFF;
    -fx-background-color: #67C23A;
    -fx-border-color: #67C23A
}

.el-button--success:hover {
    -fx-background-color: #85ce61;
    -fx-border-color: #85ce61;
    -fx-text-fill: #FFF
}


.el-button--success_is-disabled,
.el-button--success_is-disabled:hover {
    -fx-text-fill: #FFF;
    -fx-background-color: #b3e19d;
    -fx-border-color: #b3e19d
}

.el-button--success_is-plain {
    -fx-text-fill: #67C23A;
    -fx-background-color: #e2fcd3;
    -fx-border-color: #c2e7b0
}

.el-button--success_is-plain:hover {
    -fx-background-color: #67C23A;
    -fx-border-color: #67C23A;
    -fx-text-fill: #FFF
}

.el-button--success_is-plain_is-disabled,
.el-button--success_is-plain_is-disabled:hover {
    -fx-text-fill: #a4da89;
    -fx-background-color: #f0f9eb;
    -fx-border-color: #e1f3d8
}

.el-button--warning {
    -fx-text-fill: #FFF;
    -fx-background-color: #E6A23C;
    -fx-border-color: #E6A23C
}

.el-button--warning:hover {
    -fx-background-color: #ebb563;
    -fx-border-color: #ebb563;
    -fx-text-fill: #FFF
}

.el-button--warning_is-disabled,
.el-button--warning_is-disabled:hover {
    -fx-text-fill: #FFF;
    -fx-background-color: #f3d19e;
    -fx-border-color: #f3d19e
}

.el-button--warning_is-plain {
    -fx-text-fill: #E6A23C;
    -fx-background-color: #f3dabb;
    -fx-border-color: #f5dab1
}

.el-button--warning_is-plain:hover {
    -fx-background-color: #E6A23C;
    -fx-border-color: #E6A23C;
    -fx-text-fill: #FFF
}

.el-button--warning_is-plain_is-disabled,
.el-button--warning_is-plain_is-disabled:hover {
    -fx-text-fill: #f0c78a;
    -fx-background-color: #fdf6ec;
    -fx-border-color: #faecd8
}

.el-button--danger {
    -fx-text-fill: #FFF;
    -fx-background-color: #F56C6C;
    -fx-border-color: #F56C6C
}

.el-button--danger:hover {
    -fx-background-color: #f78989;
    -fx-border-color: #f78989;
    -fx-text-fill: #FFF
}

.el-button--danger_is-disabled,
.el-button--danger_is-disabled:hover {
    -fx-text-fill: #FFF;
    -fx-background-color: #fab6b6;
    -fx-border-color: #fab6b6
}

.el-button--danger_is-plain {
    -fx-text-fill: #F56C6C;
    -fx-background-color: #fef0f0;
    -fx-border-color: #fbc4c4
}

.el-button--danger_is-plain:hover {
    -fx-background-color: #F56C6C;
    -fx-border-color: #F56C6C;
    -fx-text-fill: #FFF
}

.el-button--danger_is-plain_is-disabled,
.el-button--danger_is-plain_is-disabled:hover {
    -fx-text-fill: #f9a7a7;
    -fx-background-color: #fef0f0;
    -fx-border-color: #fde2e2
}

.el-button--info {
    -fx-text-fill: #FFF;
    -fx-background-color: #909399;
    -fx-border-color: #909399
}

.el-button--info:hover {
    -fx-background-color: #a6a9ad;
    -fx-border-color: #a6a9ad;
    -fx-text-fill: #FFF
}

.el-button--info_is-disabled,
.el-button--info_is-disabled:hover {
    -fx-text-fill: #FFF;
    -fx-background-color: #c8c9cc;
    -fx-border-color: #c8c9cc
}

.el-button--info_is-plain {
    -fx-text-fill: #909399;
    -fx-background-color: #f4f4f5;
    -fx-border-color: #d3d4d6
}

.el-button--info_is-plain:hover {
    -fx-background-color: #909399;
    -fx-border-color: #909399;
    -fx-text-fill: #FFF
}

.el-button--info_is-plain_is-disabled,
.el-button--info_is-plain_is-disabled:hover {
    -fx-text-fill: #bcbec2;
    -fx-background-color: #f4f4f5;
    -fx-border-color: #e9e9eb
}

.el-button--text,
.el-button--text_is-disabled,
.el-button--text_is-disabled:hover,
.el-button--medium {
    padding: 10px 20px;
    font-size: 14px;
    border-radius: 4px
}

.el-button--mini,
.el-button--small {
    font-size: 12px;
    border-radius: 3px
}

.el-button--medium_is-round {
    padding: 10px 20px
}

.el-button--medium_is-circle {
    padding: 10px
}

.el-button--small,
.el-button--small_is-round {
    padding: 9px 15px
}

.el-button--small_is-circle {
    padding: 9px
}

.el-button--mini,
.el-button--mini_is-round {
    padding: 7px 15px
}

.el-button--mini_is-circle {
    padding: 7px
}

.el-button--text {
    -fx-text-fill: #409EFF;
    -fx-background-color: 0 0;
    padding-left: 0;
    padding-right: 0
}

.el-button--text:hover {
    -fx-text-fill: #66b1ff;
    -fx-border-color: transparent;
    -fx-background-color: transparent
}
